/*
  导入封装的 SCSS 函数
*/
@import "../../styles/function.scss";

.index {
  background-color: #f6f5f6;
  position: relative;
}
.search_index {
  position: absolute;
  width: 100vw;
  z-index: 10;
  padding-left: 20px;
  top: 20px;
}
// 2.0 入口布局
.entry {
  display: flex;
  background-color: #fff;
  padding: vw(10) 0;
  &_item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    &_img {
      width: vw(48);
      margin-bottom: vw(10);
    }
  }
}

// 3.0 租房小组模块
.group {
  padding: 0 vw(10);
  &_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: vw(50);
  }
  &_body {
    display: flex;
    flex-wrap: wrap;
    &_item {
      width: 48%;
      background-color: #fff;
      margin-bottom: vw(10);
      display: flex;
      padding: vw(10);
      &:nth-child(2n + 1) {
        margin-right: vw(10);
      }
      &_info {
        flex: 1;
      }
      &_img {
        width: vw(55);
      }
    }
  }
}

// 4.0 最新资讯
.news {
  background-color: #fff;
  padding: 0 vw(10);
  .news_head {
    height: vw(40);
    display: flex;
    align-items: center;
  }
  .news_list {
    .news_item {
      padding: vw(10) 0;
      display: flex;
      border-bottom: vw(1) solid #ddd;
      &:last-child {
        border-bottom: 0 none;
      }
      .news_item_img {
        width: vw(120);
        height: vw(90);
        margin-right: vw(10);
      }

      .news_item_info {
        flex: 1;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        h4 {
          // 文字多行超出隐藏
          @include ell(2);
        }

        p {
          display: flex;
          justify-content: space-between;
          span {
            color: #999;
            font-size: vw(12);
          }
        }
      }
    }
  }
}
